<!DOCTYPE html>
	<!--
		head:头标签
			为了给当前的HTML页面提供一些相关的信息
			这些信息不会再页面中展现
			head中存在一些子标签,常见子标签如下
		title:标题标签,为当前页面的标签页设置标题
		meta:元数据标签,元数据标签存在许多的属性,通过不同的属性设置不同的元数据
			在使用时,每一种属性使用一个meta标签体现
			例如:关键字、编码、描述信息、作者等
	-->
	<head>
		<title>第一个HTML页面</title>
		<!--
			表示网站的关键字,可以同时指定多个关键字,每个关键字之间以逗号分隔
			在进行网页搜索的时候会根据关键字进行搜索
			它为文档定义了一组关键字,搜索引擎在遇到这些关键字时会用这些关键字对文档进行分类
		-->
		<meta name="keywords" content="Java,WEB,J2EE,J2SE,HTML,CSS">
		<!-- 设置网页字符集 -->
		<meta charset="UTF-8">
		<!-- 设置描述信息 -->
		<meta name="description" content="从零开始学习Java">
		<meta name="author" content="shixiaojun@itany.com">
	</head>
	
	<!--
		body:正文标签
			用于设置页面的主体内容,所有页面中需要展示的数据,均在body中进行编写
			body中存在无数个子标签,我们可以对这些子标签进行分类,有两种分类方式
	-->
	<body>
		<!--
			分类方式一:根据标签是否关闭进行分类
			1.标签是成对出现的,存在关闭标签
				此时的标签存在标签体,可以编写内容
				此时的标签都能够对标签体产生独特的效果
			
			2.标签没有成对出现,只有一个,不存在关闭标签
				此时的标签没有标签体,不能编写内容,这种标签称之为自结束标签或者空标签
				但是每一个空标签都有自己独特的作用
		-->
		<h1>正文标题标签</h1>
		这是普通正文<br>
		这是普通正文<br>
		<hr>
		这是普通正文
		<!--
			分类方式二:根据标签体内容是否独占一行进行分类
			1.块级标签
				显示为块状,独占一行内容,自带换行,不与其他标签内容处于同一行
				即:该类型标签都会在标签体内容结束后自动开启一个换行操作
			2.行级标签
				不自带换行,可以与其他行级标签共处于同一行
		-->
		<div>这是块级标签</div>
		<div>这是块级标签</div>
		<div>这是块级标签</div>
		<span>这是行级标签</span>
		<span>这是行级标签</span>
		<span>这是行级标签</span>
		
		<!--
			属性:在标签中可以存在许多对应的属性
			通过属性可以为对应标签的文本内容设置一些指定的样式
			属性格式:属性名="属性值"
			如果存在多个属性,多个属性之间以空格分隔
			<!--
				注释不能嵌套,这是错误的示范
			-->
		-->
		<font color="red" face="楷体">这是一个红色的楷体文本</font>
	</body>
</html>


















